<template>
	<div class="suc">
		<div class="part1">
			<img src="../../common/images/2.png"/>
			<p class="p1">恭喜，您的咨询已发布</p>
			<p class="p2">请留意短信通知，律师回复后第一时间送达。</p>
		</div>
		<div class="part2">
			<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.mci.lawyer" class="flex flex-1">
				<img src="../../common/images/1.png" alt="" />
				<span>点击下载</span>
			</a>
			<p class="p3">使用手机号码登录，随时查看律师解答</p>
		</div>
		<div class="part3">
			<p class="p4">国家工信部备案：蜀ICP备15029714号&nbsp;&nbsp;<span>用户隐私</span>&nbsp;&nbsp;<span>投诉建议</span></p>
			<p class="p5">Copyright@2012-2017&nbsp;律师说©&nbsp;&nbsp;版权所有</p>
		</div>
	</div>
</template>

<script>
	export default{
		name:'suc'
	}
</script>

<style scoped="scoped">
	.suc{
		text-align: center;
	}
	.part1{
		background: #fff;
		padding-bottom: 0.72rem;
	}
	.part1 img{
		width: 1.2rem;
		height: 1.2rem;
		margin-top: 0.65rem;
		margin-bottom: 0.4rem;
	}
	.p1{
		font-size: 0.36rem;
		margin-bottom: 0.3rem;
		color: #333;
	}
	.p2{
		font-size: 0.28rem;
		color: #999;
	}
	.part2{
		margin-top: 1.96rem;
	}
	.part2 a{
		display: block;
		width: 3.6rem;
		height: 0.88rem;
		margin: 0 auto;
		line-height: 0.88rem;
		color: #fff;
		background: #1675E1;
		font-size: 0.36rem;
		font-weight: bold;
		border-radius: 0.06rem;
	}
	.part2 a img{
		width: 0.44rem;
		height: 0.48rem;
		position: relative;
		top: 0.1rem;
	}
	.p3{
		margin-top: 0.3rem;
		font-size: 0.34rem;
		color: #1675E1;
	}
	.part3{
		position: fixed;
		bottom: 0;
		width: 100%;
	}
	.part3 p{
		font-size: 0.24rem;
		color: #999;
	}
	.p5{
		margin-top: 0.13rem;
		padding-bottom: 0.35rem;
	}
</style>